$(function () {
    $("#page").load("/html/back/page.html");

    // findSex();
})

function findSex() {
    $.ajax({
        url: '/back/user/findSex',//對應后台servlet的注解地址
        data: {},//传递给后台的数据
        type: 'get',//和后台方法一直
        dataType: 'json',//后台传递给前台的数据格式
        success: function (data) {//data后台传递给前台的数据
            let html = '';
            data = data.list;
            for (let i = 0; i < data.length; i++) {
                if (data[i] != null)
                    html = '<option value="' + data[i].sex + '">' + data[i].sex + '</option>';
            }
            $("#sex").append(html);
        }
    })

}

function findAll() {
    let data = {
        username: $("#username").val(),
        phone: $("#phone").val(),
        email: $("#email").val(),
        startBirthday: $("#startBirthday").val(),
        endBirthday: $("#endBirthday").val(),
        sex: $("#sex").val(),
        hobby: String(getHobby()),
        pageNo: $("#pageNo").val(),
        pageSize: $("#pageSize").val()
    };
    let result = myAjax('/back/user/findAll', data, "get");
    setData(result.list);
    $("#totalCount").html(result.count);
    // console.log(data);
    // $.ajax({
    //     url: '/back/user/findAll',//對應后台servlet的注解地址
    //     data: data,//传递给后台的数据
    //     type: 'get',//和后台方法一直
    //     dataType: 'json',//后台传递给前台的数据格式
    //     success: function (data) {//data后台传递给前台的数据
    //         console.log(data);
    //         setData(data.list);
    //         $("#totalCount").html(data.count);
    //     }
    // })
}


//
// function page() {
//     $("#pageNo").val(1);
//     findAll();
// }
//
// function last() {
//     let pageNo = $("#pageNo").val();
//     pageNo = pageNo == null ? 1 : pageNo;
//     pageNo = parseInt(pageNo);
//     if (pageNo < 1) {
//         alert("不能往前了");
//     }
//     $("#pageNo").val(--pageNo);
//     findAll();
// }
//
// function next() {
//     let pageNo = $("#pageNo").val();
//     pageNo = pageNo == null ? 1 : pageNo;
//     pageNo = parseInt(pageNo);
//     if (returnLastPage() > pageNo) {
//         $("#pageNo").val(++pageNo);
//     } else {
//         alert("没有多余数据");
//     }
//     ;
//     findAll();
// }
//


//
// function end() {
//     let count = returnLastPage();//2.3
//     // let count = totalCount % pageSize == 0 ? totalCount / pageSize : totalCount / pageSize + 1;
//     $("#pageNo").val(count);
//     findAll();
// }

function getHobby() {
    // $("input[name='hobby']:checkbox").click(function () {
    let type = [];
    $("input[name='hobby']:checkbox").each(function () {
        if ($(this).prop("checked")) {
            type.push($(this).val());
        }
    });
    return type;

    // });
}

function setData(data) {
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<div>\n' +
            '            <div>' + data[i].id + '</div>\n' +
            '            <div title="' + judgeNull(data[i].username) + '">' + judgeNull(data[i].username) + '</div>\n' +
            '            <div>' + judgeNull(data[i].phone) + '</div>\n' +
            '            <div>' + judgeNull(data[i].email) + '</div>\n' +
            '            <div>' + judgeNull(data[i].createTime) + '</div>\n' +
            '            <div>' + judgeNull(data[i].birthday) + '</div>\n' +
            '            <div>' + data[i].enable + '</div>\n' +
            '            <div>' + data[i].sex + '</div>\n' +
            '            <div>' + judgeNull(data[i].hobby) + '</div>\n' +
            '            <div><i style="color: #9a6e3a" class="iconfont" title="编辑" onclick="openWindow(' + data[i].id + ')">&#xe626;</i> <i class="iconfont" title="密码修改">&#xe61e;</i> <a href="#"></a> <a href="#" onclick="del(' + data[i].id + ')">删除</a> </div>\n' +
            '        </div>';
    }
    $(".tBody").html(html);
}

// <input type="button" value="编辑" onclick="toEditHtml(' + data[i].id + ')">
function toEditHtml(id) {
// sessionStorage
//     localStorage
    sessionStorage.setItem("userId", id);
    $(".right").load("back/user/userEdit.html?id=" + id);
}

function openWindow(id) {
    sessionStorage.setItem("userId", id);
    $("#openContent").load("back/user/userEdit.html");
    $("#openWindow").toggle();
}

function judgeNull(value) {
    return value == null ? "" : value;
}

function del(id) {
    let data = myAjax("/back/user/del", {id: id}, 'post');
    if (data.result == 'success') {
        findAll();
    } else {
        alert("删除失败");
    }

}

//1.查詢：js   Ajax
//2.直接写servlet  地址：url==注解
//  1.乱码解决
//  2.调用服务逻辑层
//  3.得到数据，返回json对象
//3.service服务逻辑层    调用数据实现层
//4.dao  数据实现层
//  1.封装sql语句
//  2.通过jdbc得到resultSet结果集
//  3.封装list  返回list
//5.手写table  注意：如果用框架，自己不要写css代码
//6.setData的时候，注意字符串拼接
//7.注意：所有点击事件都是为了得到当前页和当前页显示的条数
//8.将分页提取出来，css，js，html。一定在page.js里面取page("first");
